<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线留言</title>
    <!--  引入重置样式表     reset.css -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 引入公共样式表       common.css -->
    <link rel="stylesheet" href="../css/common.css">
<!-- 引进样式        message.css -->
    <link rel="stylesheet" href="../css/message.css">
</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <div class="container clearfix">
            <p>欢迎来到HOUSE家居网</p>
            <div class="right clearfix">
                <script type="text/html" id="userInfor">
                    {{if data == ''}}
                    <a href="login.html" target="_self">登录</a>
                    <a href="login.html">注册</a>
                    <p class="teltext"><img src="../images/tel.png" alt="">400-00-000xxx</p>
                    <p class="mailtext"><img src="../images/mail.png" alt="">1234567xxx@gmail.com</p>
                    {{else}}
                    <a href="../pages/login.html">{{@username}}</a>
                    <p class="teltext"><img src="../images/tel.png" alt="">400-00-000xxx</p>
                    <p class="mailtext"><img src="../images/mail.png" alt="">1234567xxx@gmail.com</p>
                    {{/if}}
                </script>
            </div>
        </div>
    </div>
    <!-- 导航 -->
    <div id="nav">
        <div class="container">
            <a href="index.html" class="logoimg"><img src="../images/logo.png" alt="" class="logo"></a>
            <div class="nav">
                <ul>
                    <li>
                        <a href="index.html">首页</a>
                        <img src="../images/nav_move.jpg" alt="" class="moveimg">
                    </li>
                    <li><a href="aboutUs.html">关于我们</a>
                        <img src="../images/nav_move.jpg" alt="" class="moveimg1"></li>
                    <li><a href="productList.html">产品展示</a>
                        <img src="../images/nav_move.jpg" alt="" class="moveimg1"></li>
                    <li><a href="newList.html">新闻动态</a>
                        <img src="../images/nav_move.jpg" alt="" class="moveimg1"></li>
                    <li><a href="message.html">在线留言</a>
                        <img src="../images/nav_move.jpg" alt="" class="moveimg1"></li>
                    <li class="last"><a href="contactUs.html">联系我们</a>
                        <img src="../images/nav_move.jpg" alt="" class="moveimg1"></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 轮播 -->
    <div class="banner">
        <img src="../images/banner5.jpg" alt="">
    </div>
    <!-- 案件 -->
    <div class="contactaindex">
        <div class="container">
            <a href="#">首页</a> >> <a href="#">在线留言</a>
        </div>
    </div>
    <!-- 产品展示 -->
    <div class="message">
        <div class="container">
            <div class="titlebox">
                <div class="box1">在线留言</div>
                <div class="nav_bg"><img src="../images/nav_bg02.png" alt=""></div>
            </div>
            <div class="leftbox">
                <div class="top">
                    <ul>
                        <li><a href="./productList.html">床上用品</a></li>
                        <li><a href="./productList.html">家居饰品</a></li>
                        <li><a href="./productList.html">居家日用</a></li>
                        <li><a href="./productList.html">家居收纳</a></li>
                        <li><a href="./productList.html">厨房收纳</a></li>
                        <li><a href="./productList.html">厨房餐饮</a></li>
                    </ul>
                </div>
                <div class="bto">
                    <img src="../images/03_f0hi.jpg" alt="">
                </div>
            </div>
            <div class="right">
                <p>您可以留下您宝贵的意见，我们会在第一时间回复您，谢谢关注！</p>
                <div class="message1">
                    <p class="infor">你的姓名*</p>
                    <input type="text" class="input">
                </div>
                <div class="message1">
                    <p class="infor">你的电话*</p>
                    <input type="text" class="input">
                </div>
                <div class="message1">
                    <p class="infor">你的邮箱*</p>
                    <input type="text" class="input">
                </div>
                <div class="consult">
                    <p class="infor">咨询项目*</p>
                    <div class="list">
                        <ul>
                            <li><img src="../images/yes_06.jpg" alt=""><a href="#">床上用品</a></li>
                            <li><img src="../images/yes_06.jpg" alt=""><a href="#">家居饰品</a></li>
                            <li><img src="../images/yes_06.jpg" alt=""><a href="#">居家日用</a></li>
                            <li><img src="../images/yes_06.jpg" alt=""><a href="#">收纳用具</a></li>
                            <li><img src="../images/yes_06.jpg" alt=""><a href="#">厨房收纳</a></li>
                            <li><img src="../images/yes_06.jpg" alt=""><a href="#">厨房餐饮</a></li>
                        </ul>
                    </div>
                </div>
                <div class="content">
                    <p>咨询内容*</p>
                    <textarea></textarea>
                </div>
                <button type="submit" class="btn">提交</button>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div id="footer">
        <div class="container">
            <div class="footerleftbox">
                <img src="../images/logo2.jpg" alt="">
                <div class="footerleft">
                    <img src="../images/icon.jpg" alt="">
                    <p>中国上海市xxx区xxx路12号moumou大厦5层5xx室</p>
                    <p>400-000-xxxx / (021)-1234578xxx</p>
                    <p>12385963xxxx@gmail.com</p>
                </div>
            </div>
            <div class="footercenterbox">
                <div class="footercenter">
                    <p class="title">快速链接</p>
                    <div class="footerbox1">
                        <div class="footerboxleft">
                            <p><a href="#">> 网站首页</a></p>
                            <p><a href="#">> 产品展示</a></p>
                            <p><a href="#">> 在线留言</a></p>
                        </div>
                        <div class="footerboxright">
                            <p><a href="#">> 关于我们</a></p>
                            <p><a href="#">> 新闻动态</a></p>
                            <p><a href="#">> 联系我们</a></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footerrightbox">
                <div class="footercenter">
                    <p class="title">站内搜索</p>
                    <div class="lastbtn">
                        <input type="text" placeholder="请输入关键字">
                        <button>搜索</button>
                    </div>
                    <div class="rightlast">
                        <p>关注我们</p>
                        <a href="#">
                            <img src="../images/fenxiang.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <div id="last">
        <div class="container">
            <p> Copyright 2007-2014 北京千锋互联科技有限公司 京ICP备12003911号-3 京公安备11010802011455 站长统计 百度统计</p>
        </div>
    </div>
    <script src="../static/jquery-3.6.0.js"></script>
    <script src="../static/swiper-bundle.min.js"></script>
    <script src="../static/template-web.js"></script>
    <script src="../js/common.js"></script>
</body>

</html>